(function() {
  var _propertyName = [
    "accelerator",
    "azimuth",
    "background",
    "background-attachment",
    "background-color",
    "background-image",
    "background-position",
    "background-position-x",
    "background-position-y",
    "background-repeat",
    "behavior",
    "border",
    "border-bottom",
    "border-bottom-color",
    "border-bottom-style",
    "border-bottom-width",
    "border-collapse",
    "border-color",
    "border-left",
    "border-left-color",
    "border-left-style",
    "border-left-width",
    "border-right",
    "border-right-color",
    "border-right-style",
    "border-right-width",
    "border-spacing",
    "border-style",
    "border-top",
    "border-top-color",
    "border-top-style",
    "border-top-width",
    "border-width",
    "bottom",
    "caption-side",
    "clear",
    "clip",
    "color",
    "content",
    "counter-increment",
    "counter-reset",
    "cue",
    "cue-after",
    "cue-before",
    "cursor",
    "direction",
    "display",
    "elevation",
    "empty-cells",
    "filter",
    "float",
    "font",
    "font-family",
    "font-size",
    "font-size-adjust",
    "font-stretch",
    "font-style",
    "font-variant",
    "font-weight",
    "height",
    "ime-mode",
    "include-source",
    "layer-background-color",
    "layer-background-image",
    "layout-flow",
    "layout-grid",
    "layout-grid-char",
    "layout-grid-char-spacing",
    "layout-grid-line",
    "layout-grid-mode",
    "layout-grid-type",
    "left",
    "letter-spacing",
    "line-break",
    "line-height",
    "list-style",
    "list-style-image",
    "list-style-position",
    "list-style-type",
    "margin",
    "margin-bottom",
    "margin-left",
    "margin-right",
    "margin-top",
    "marker-offset",
    "marks",
    "max-height",
    "max-width",
    "min-height",
    "min-width",
    "-moz-binding",
    "-moz-border-radius",
    "-moz-border-radius-topleft",
    "-moz-border-radius-topright",
    "-moz-border-radius-bottomright",
    "-moz-border-radius-bottomleft",
    "-moz-border-top-colors",
    "-moz-border-right-colors",
    "-moz-border-bottom-colors",
    "-moz-border-left-colors",
    "-moz-opacity",
    "-moz-outline",
    "-moz-outline-color",
    "-moz-outline-style",
    "-moz-outline-width",
    "-moz-user-focus",
    "-moz-user-input",
    "-moz-user-modify",
    "-moz-user-select",
    "orphans",
    "outline",
    "outline-color",
    "outline-style",
    "outline-width",
    "overflow",
    "overflow-X",
    "overflow-Y",
    "padding",
    "padding-bottom",
    "padding-left",
    "padding-right",
    "padding-top",
    "page",
    "page-break-after",
    "page-break-before",
    "page-break-inside",
    "pause",
    "pause-after",
    "pause-before",
    "pitch",
    "pitch-range",
    "play-during",
    "position",
    "quotes",
    "-replace",
    "richness",
    "right",
    "ruby-align",
    "ruby-overhang",
    "ruby-position",
    "-set-link-source",
    "size",
    "speak",
    "speak-header",
    "speak-numeral",
    "speak-punctuation",
    "speech-rate",
    "stress",
    "scrollbar-arrow-color",
    "scrollbar-base-color",
    "scrollbar-dark-shadow-color",
    "scrollbar-face-color",
    "scrollbar-highlight-color",
    "scrollbar-shadow-color",
    "scrollbar-3d-light-color",
    "scrollbar-track-color",
    "table-layout",
    "text-align",
    "text-align-last",
    "text-decoration",
    "text-indent",
    "text-justify",
    "text-overflow",
    "text-shadow",
    "text-transform",
    "text-autospace",
    "text-kashida-space",
    "text-underline-position",
    "top",
    "unicode-bidi",
    "-use-link-source",
    "vertical-align",
    "visibility",
    "voice-family",
    "volume",
    "white-space",
    "widows",
    "width",
    "word-break",
    "word-spacing",
    "word-wrap",
    "writing-mode",
    "z-index",
    "zoom"
  ];

  var colorProperty = [
      "color",
      "background-color",
      "border",
      "border-top",
      "border-right",
      "border-bottom",
      "border-left",
      "border-color",
      "border-top-color",
      "border-right-color",
      "border-bottom-color",
      "border-left-color",
      "box-shadow",
      "text-shadow",
      "outline",
      "outline-color"
    ],
    imageProperty = ["background-image"],
    colorAndImageProperty = ["background"];

  Vue.component("kb-style-list", {
    template: Kooboo.getTemplate(
      "/_Admin/Scripts/components/kb-style-list.html"
    ),
    props: {
      rules: {
        type: Array,
        default: []
      },
      showRelationBtn: Boolean
    },
    data: function() {
      return {
        innerRules: []
      };
    },
    mounted: function() {
      this.innerRules = this.rules.map(function(rule) {
        rule.selectorEdit = false;
        return rule;
      });
    },
    methods: {}
  });
})();
